<style>
.float-left{float:left}
</style>

<#list attributes as attr><#if attr.oplogId = item.id>

	<#if attr.attributeType = 'IMAGE'>
	<div style="height: 60px;line-height: 50px;">
		<span class="float-left">${attr.attributeName} : </span>
		<#if attr.oldValue?? && attr.oldValue !=''><img width="60px" class="img-viewer float-left" src="${Uploader.getUrl(attr.oldValue)}" /></#if> 
		<span class="float-left">--></span>  
		<#if attr.newValue??  && attr.newValue !=''><img width="60px" class="img-viewer float-left" src="${Uploader.getUrl(attr.newValue)}" /></#if>
	</div>
	<#else>
	<div>${attr.attributeName} : ${attr.oldValue} -->  ${attr.newValue}</div>
	</#if>
	
</#if></#list>